/* pages/order-list/order-list.less */
@import '../../app.less';
.tab-bar {
    background: @white;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    .order-type {
        display: block;
        text-align: center;
        text {
            width:100%;
            color:@minor-color;
            font-size:28rpx;
            height: 100rpx;
            line-height: 100rpx;
            display: inline-block;
        }
        &.active text {
            position: relative;
            color: @main-color;
            &:before {
                content: "";
                position: absolute;
                display: block;
                left: 0;
                right: 0;
                bottom: -50rpx;
                top: 0;
                width: 30%;
                height: 6rpx;
                background-color: @main-color;
                border-radius: 4rpx;
                margin: auto;
            }
        }
    }
    
}
.order-list {
    padding-top: 110rpx;
    padding-bottom: 8rpx;
    font-size: 24rpx;
    .order-item {
        width:730rpx;
        padding:0 20rpx 16rpx;
        margin:10rpx 10rpx 20rpx;
        background:@white;
        border-radius:4rpx;
        border:2px solid rgba(239,239,239,1);
        .item-title {
            position: relative;
            color:#535252;
            height:80rpx;
            line-height:80rpx;
            border-bottom:solid 2rpx #ebebeb;
            .title-list {
                margin-right: 20rpx;
                .icon-comp {
                    width:40rpx;
                    height:40rpx;
                    margin-right:20rpx;
                    vertical-align: top;
                    border-radius: 4rpx;
                }
                .icon-size {
                    margin-right: 12rpx;
                }
                .title-text {
                    font-size: 28rpx;
                    color: @black;
                }
            }
            .order-status {
                position: absolute;
                color:#FF5252;
                right:20rpx;
            }
        }
        .order-detail {
            padding:20rpx 0;
            .goods-pic {
                width:120rpx;
                height:120rpx;
                border-radius:8rpx;
                margin-right:16rpx;
            }
            .goods-name {
                width:308rpx;
                color:#535252;
                font-size:28rpx;
                font-weight:bold;
                .twoline()
            }
            .goods-text {
                color: @minor-color;
                margin-top: 10rpx;
            }
            .price-list {
                text-align: right;
            }
        }
        .btn-list {
            text-align: right;
            .common-btn {
                padding: 6rpx 20rpx;
                line-height:48rpx;
                background:@white;
                color:#ff5252;
                text-align:center;
                border:solid 2rpx #ff5252;
                border-radius:24rpx;
                display: inline-block;
                margin-right: 20rpx;
                &:last-child {
                    margin-right: 0;
                }
            }
            .gray-btn{
                color: @minor-color;
                border-color: @minor-color;
            }
        }
    }
    .no-data-tip {
        margin-top:272rpx;
        .icon-nodata {
            width: 488rpx;
            height: 340rpx;
            color: #ccc;
        }
        .tip-text {
            color:@minor-color;
            font-size:32rpx;
        }
    }
    .freight-modal{
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9999;
        .freight-box{
            position:fixed;
            top:50%;
            left:50%;
            width:640rpx;
            background:#ffffff;
            border-radius:24rpx;
            transform:translate(-50%,-50%);
            .freight-info{
                color:#353535;
                font-size:34rpx;
                line-height:48rpx;
                padding:80rpx 48rpx 32rpx;
                border-bottom:solid 2rpx #e5e5e5;
            }
            .close-btn{
                color:#576b95;
                font-size:34rpx;
                line-height:110rpx;
                text-align:center;
            }
        }
    }
}












